@charset "utf-8";

@function vw($a){
    @return ( $a / 640 ) * 100vw;
}

header{
    width: 100%;
    height: vw(76);
    position: absolute;
    top: 0;
    border-bottom: 1px solid #a7a7a7;
    .issue-head1{
        padding-top: vw(19);
        margin-left: vw(28);
        img{
            width: vw(18);
            height: vw(37);
        }
    }
    .issue-head2{
        padding-right: vw(28);
        margin-top: vw(27);
        vertical-align:middle;
        img{
            width:vw(32);
            height: vw(31);
            margin-right: vw(22);
            vertical-align:middle;
        }
        img:nth-child(2){
            width: vw(24);
            vertical-align:middle;
            height: vw(6);
            
        }
    }
    .issue-head3{
        margin-top: vw(24);
        margin-left: vw(261);
        p{
           font-size: vw(30); 
        }
    }
}
section{
    position: absolute;
    top: vw(76);
    bottom: vw(80);
    width: 100%;
    overflow-y: scroll;
    .essay-banan{
        width: 100%;
        height: vw(300);
        .essay-banan1{
            width:100%;
            height: vw(300);
            .essay-banan2{
                width:100%;
                height: vw(300);
                img{
                    width:100%;
                    height: vw(300);
                }
            }
        }
    }
    .essay-bind{
        width: 100%;
        height: vw(130);
        .essay-bind1{
            width: vw(108);
            height: vw(108);
            img{
                margin-top: vw(25);
                margin-left: vw(24);
                margin-right: vw(4);
                width: vw(108);
                height: vw(108);
            }
        }
        .essay-bind2{
            margin-left: vw(136);
            padding-top: vw(37);
            h1{
                font-size: vw(24);
                font-weight: normal;
            }
            p{
                font-size: vw(20);
                color: #737373;
            }
        }
    }
    .essay-juti{
            width: 100%;
            height: vw(150);
            border-bottom: vw(23) solid #f2f2f2;
            .essay-juti1{
                width: 100%;
                margin-top: vw(5);
                span{
                    margin-left: vw(30);
                    font-size: vw(20);
                    color: #afafaf;
                    vertical-align: middle;
                    img{
                        width: vw(26);
                        height: vw(26);
                        vertical-align: middle;
                        margin-right: vw(10);
                    }
                    b{
                        margin-left: vw(16);
                        color: #000000;
                        font-weight: normal;
                        vertical-align: middle;     
                    }
                }
            }
            .essay-juti1:first-child{
                margin-top:vw(27);
            }
            .essay-juti1:last-child{
                b{
                   letter-spacing: vw(2);     
                }
            }
        }
        .essay-wudao{
            width: 100%;
            height: vw(262);
            .essay-juti1{
                width: 100%;
                height: vw(40);
                margin-top: vw(5);
                span{
                    margin-left: vw(30);
                    font-size: vw(20);
                    color: #afafaf;
                    vertical-align: middle;
                    img{
                        width: vw(26);
                        height: vw(26);
                        vertical-align: middle;
                        margin-right: vw(10);
                    }
                    b{
                        margin-left: vw(22);
                        color: #000000;
                        font-weight: normal;
                        vertical-align: middle; 
                        letter-spacing: vw(2);    
                    }
                }
            }
            .essay-wudao1{
                width: 100%;
                height: vw(43);
                vertical-align: bottom;
                span{
                    font-size: vw(20);
                    letter-spacing:2em;
                    margin-left: vw(70);
                    color: #afafaf;
                    vertical-align: bottom;
                    
                    b{
                        margin-top: vw(8);
                        font-weight: normal;
                        color: #333333;
                        letter-spacing:vw(2);
                        margin-left: vw(-16);
                        vertical-align: bottom;
                        
                    }
                }
            }
            .essay-wudao1:first-child{
                padding-top: vw(30);
            }
            .essay-wudao1:nth-child(3){
                vertical-align: middle;
            }
            .essay-wudao1:last-child{
                height: vw(40);
            }
            .essay-wudao2{
                width: 100%;
                span{
                    font-size: vw(20);
                    margin-left: vw(70);
                    color: #afafaf;
                }
            }
        }
        .essay-chao{
            margin:0 auto;
            border-radius: vw(4);
            width: vw(515);
            background: #f2f2f2;
            height: vw(90);
            border: none;
            p{
                font-size: vw(20);
                color: #afafaf;
                padding: vw(13);
            }
        }
        .essay-photo{
            width: 100%;
            height: vw(71);
            span{
                font-size: vw(20);
                margin-left: vw(70);
                color: #afafaf;
                line-height: vw(71);
            }
        }
        .essay-photo2{
            width: vw(122);
            height: vw(122);
            margin-left: vw(70);
            margin-bottom: vw(80);
            img{
               width: 100%;
               height: 100%;
            }
        }
}
footer{
    width: 100%;
    height: vw(80);
    position: absolute;
    bottom: 0;
    background: black;
    opacity: 0.2;
    
    .essay-footer{
        p{
            font-size: vw(30);
            text-align: center;
            line-height: vw(80);
            color:white;
        }
    }
}
